<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>山东理工大学教学设施管理系统</title>
        <link href="http://qrserver.qiniudn.com/2.3.0-bootstrap-combined.min.css" rel="stylesheet">
        <script src="http://qrserver.qiniudn.com/1.10.2-jquery.min.js"></script>
        <script src="http://qrserver.qiniudn.com/3.0.3-bootstrap.min.js"></script>
    </head>

    <body>
        <div class="container-fluid">
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <a class="btn btn-navbar" data-target=".navbar-responsive-collapse" data-toggle="collapse"> </a> 
                    <a class="brand" href="{% url 'index' %}">SDUT Devices</a>
                    <div class="nav-collapse collapse navbar-responsive-collapse">
                        <ul class="nav" >
                            <li class="active"><a href="{% url 'index' %}">主页</a></li>
                            <li><a href="{% url 'devices:search' %}">设备查询</a></li>
                            <li><a href="{% url 'maintain:search' %}">维修记录</a></li>
                            <li><a href="{% url 'devices:QRcode' %}">获取二维码</a></li>
                            <li><a href="./admin">管理员选项</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row-fluid">
                <div class="span8">
                    <div class="hero-unit">
                        <h1>欢迎使用</h1>
                        <p>这是山东理工大学的教学设施管理系统, 你可以点击下方的按钮查询信息,<br />也可以通过登陆获取管理员权限。</p>
                        <p>
                        <a class="btn btn-primary btn-large" href="devices/search.html">设备信息 »</a>&nbsp;&nbsp;
                        <a class="btn btn-primary btn-large" href="maintain/maintain.html">维修记录 »</a>
                        </p>
                    </div>
                </div>
                <div class="span4">
                    <form class="form-horizontal">
                        <p>
                        <div class="control-group">
                            <label class="control-label" for="inputUsername">用户名：</label>
                            <div class="controls">
                                <input id="inputUsername" placeholder="Username" type="text" />
                            </div>
                        </div>
                        </p>
                        <p>
                        <div class="control-group">
                            <label class="control-label" for="inputPassword">密  码：</label>
                            <div class="controls">
                                <input id="inputPassword" placeholder="Password" type="password" />
                            </div>
                        </div>
                        </p>
                        <div class="control-group">
                            <div class="controls">
                                <label class="checkbox" >
                                    <input type="checkbox" /> Remember me 
                                </label>
                                <button class="btn btn-info" type="submit">登陆</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </body>
</html>
